import { Carousel } from 'antd';
const Wrap = css.div`
  width: 100%;
  min-height: 330px;
  .img-wrap{
    width: 100%;
    height: 50vh;
    max-height: 500px;
    img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
`;

const Slice = ({ data = '' }) => {
  return (
    <Wrap>
      <Carousel autoplay>
        {data?.split(',')?.map((item, index) => (
          <div key={index} className="img-wrap">
            <img src={item} alt="" />
          </div>
        ))}
      </Carousel>
    </Wrap>
  );
};

export default Slice;
